// If you want to override variables do it here
@import "variables";
// Import styles
@import "~@coreui/coreui/scss/coreui";
// If you want to add something do it here
@import "custom";
// Here is other custom style
@import "common";
@import "home";
@import "buildEmergencyTask";






/*
// 主题色以及逐渐变浅色
*/

$primary-color: var(--label-font-color, #5d8bc4); //  0
$primary-three-color: var(--three-color, #cbe5f5); //  3
$primary-hover-color: var(--hover-color, #cbe5f5); //  7
$primary-ten-color: var(--ten-color, #cbe5f5); //  10
$primary-leftTreeColor-color: var(--leftBackGroundColor-color, #fff); //左側樹的背景色
/*
//自定义其他颜色
*/

$disabled-color: #bcbec0; //按钮禁用色
$tree-hover-color: #eaf4fe; //树结构鼠标hover颜色
$status-complete:#67b9a5; //状态完成色   
$status-pause:#f9b115; //状态暂停、停止色  
$status-fail:#ed4014; //状态失败色  
$progress-color:#19be6b; //进度条 


/*

#3c4b64    取消禁用按钮背景颜色值 边框颜色值   #fff 字体颜色值
#b5bbc0    取消禁用按钮：hover  背景颜色值 边框颜色值   #3c4b64  字体颜色值

*/


// 以上为header 头部的布局样式
//系统主界面的body样式（资源监控 模型管理 系统管理）
.rightCard .card-body {
  height: calc(100% - 78px) !important;
  overflow-y: auto;
  margin-top: 17px;
  padding: 20px 20px 18px 20px !important;
}

.btn .c-icon {
  margin: 0;
}


//系统按钮样式 只控制颜色样式，便于更换主题颜色
//取消按钮
.cancel-btn {
  border: none;
  color: #4f5d73;
  background-color: #e0e3f1;
}

.cancel-btn:hover {
  color: #4f5d73;
  background-color: #d6dade;
  border-color: #cfd4d8;
}

//左侧树进行中的样式
.c-sidebar-nav-link-class {
  background-color: $primary-hover-color !important;
}

// 系统按钮样式
.system-btn-style {
  border: none !important;
  color: #fff;
  background-color: $primary-color !important;
}

.system-btn-style:hover {
  color: #fff;
  background-color: $primary-hover-color !important;
}

// ztree 树结构覆盖默认样式
.ztree.customStyleZtree li a.curSelectedNode {
  background-color: $primary-ten-color !important;
}

.ztree.customStyleZtree li a:hover {
  background-color: $primary-ten-color !important;
  ;
}


//重写滚动条样式
::-webkit-scrollbar-thumb {
  background-color: $primary-color !important;
}


//重写common文件单选样式
.processingModal .form-check-input:checked:after {
  background: $primary-color !important;
}

.processingModal .form-check-input:checked+label {
  color: $primary-color !important;
}

.processingModal .form-check-input:checked:before {
  border: 1px solid $primary-color !important;
}

.processingModal .form-check-input:hover:before {
  border: 1px solid $primary-color !important;
}




/*
以下样式需要明确作用，进行优化
*/

.c-sidebar.c-sidebar-fixed {
  z-index: 1;
}

.c-header.c-header-fixed {
  z-index: 1;
}


// start iview 弹框样式
.ivu-modal-content:after {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;

  background-color: rgba(19, 22, 31, 0.5);
  z-index: -1;
  content: "";
  transition: opacity 0.15s linear;
}

.ivu-modal-wrap {
  z-index: 1050 !important;
}

#my-modal .ivu-modal-mask {
  z-index: 1080 !important;
}

#my-modal .ivu-modal-wrap {
  z-index: 1080 !important;
}

.modalHeader {
  height: 30px !important;
}

.modalBody {
  margin-left: 39px;
  // line-height: 3;
}

.delKuangShow {
  height: 30px !important;
}


//弹窗title
.ivu-modal-content .ivu-modal-header {
  height: 48px;
}

.ivu-modal-header .ivu-modal-header-inner {
  height: 28px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  line-height: 28px;
}

.flowChartModal {

  //流程图
  .ivu-modal-body {
    max-height: 72vh; //676px;
    overflow: auto;
  }

  .styImg {
    vertical-align: middle;
    max-width: 700px;
    overflow: auto;
  }
}

.permissionAssignmentModal {
  .ivu-modal-body {
    max-height: 72vh;
    overflow: auto;
  }
}

.downLoadModal {
  .ivu-modal-body {
    max-height: 60vh;
    overflow: auto;
  }
}

//end   iview 弹框样式
.messageBoxIndex {
  z-index: 999;
  background: white !important;
}

// 弹框关闭按钮 start
.text-white {
  color: black !important;
}

button.close {
  //全局关闭按钮
  outline: none;
}

.xyzz {
  color: #7d7d7d !important;
}

// 优先级图标start
.levelstyle {
  width: 24px;
  height: 24px;
}

.c-sidebar-nav-dropdown.c-show>.c-sidebar-nav-dropdown-toggle::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  height: 12px;
}

.levestyle {
  width: 20px;
  height: 20px;
}

.featuresstyle {
  width: 16px;
  height: 16px;
}

.jiankongBtn {
  width: 22px;
  height: 22px;
}

.card-header>.c-icon:first-child {
  margin-right: 0.1rem;
  margin-top: 0.1rem;
  vertical-align: top;
  width: 1.2rem;
  height: 1.2rem;
  font-size: 1.2rem;
}

.table-bordered th,
.table-bordered td {
  text-align: center;
  vertical-align: middle;
}

// 全局表单按钮的修改
.justify-content-start {
  -webkit-box-pack: end !important;
  justify-content: flex-end !important;
}

.btn-outline-primary {
  color: #321fdb;
  border: none;
}


.btn-outline-primary:hover {
  color: #321fdb;
  border: none;
  background-color: rgba(0, 0, 0, 0.2);
}

.btn-outline-success {
  color: #2eb85c;
  border: none;
}

.colortempstyle {
  color: $primary-color
}

.notcolortempstyle {
  color: #6d6d6d;
}

.btn-outline-success:hover {
  color: #2eb85c;
  border: none;
  background-color: rgba(0, 0, 0, 0.2);
}

.btn-outline-danger {
  color: #e55353;
  border: none;
}

.btn-outline-danger:hover {
  color: #e55353;
  border: none;
  background-color: rgba(0, 0, 0, 0.2);
}

.btn-outline-warning {
  color: #f9b115;
  border: none;
}

.btn-outline-warning:hover {
  color: #f9b115;
  border: none;
  background-color: rgba(0, 0, 0, 0.2);
}

.btn-outline-info {
  color: #39f;
  border: none;
}

.btn-outline-info:hover {
  color: #39f;
  border: none;
  background-color: rgba(0, 0, 0, 0.2);
}

.btn-info {
  height: 35px;
}

.modal-info .modal-header {
  color: #000;
  font-weight: bold;
  background-color: #fff;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: $primary-color;
  border-color: $primary-color;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #f5f5f5;
}

// 进度条
// .progress-bar {
//   color: #321fdb;
//   background-color: #2d8cf0;
// }

// 左侧树隐藏 start
@media (max-width: 1366px) {
  .c-sidebar-nav-item {
    width: inherit;
    overflow: visible;
    min-height: 3.2rem;

  }
}

@media (max-width: 1600px) and (min-width: 1367px) {
  .c-sidebar-nav-item {
    width: inherit;
    overflow: visible;
    min-height: 3.5rem;
  }
}

@media (min-width: 1600px) {
  .c-sidebar-nav-item {
    width: inherit;
    overflow: visible;
  }
}

.my_sidebar .c-sidebar-nav-link {
  white-space: pre-line;
  width: 200px;

}

@media (min-width: 992px) {
  .c-sidebar-minimized .c-sidebar-nav>.c-sidebar-nav-dropdown {
    position: relative;
    overflow: hidden;
  }
}

.c-sidebar-minimized .c-sidebar-nav-item:hover {
  width: 312px !important;
}

// end

.ivu-radio-wrapper {
  margin-left: 15px;
  margin-right: 15px;
}

.text-center h2 {
  display: none;
  color: #fff !important;
}

.text-center:after {
  content: "\6682\65E0\6570\636E";
}

::-webkit-scrollbar {
  // width: 3px;
  // height: 3px;
  background-color: #d8d8d8;
}


.card-footer {
  border-color: #fff;
}

.card-group .card {
  height: 306px;
}

// 质量检查左侧树的滚动条
.ps__rail-y {
  opacity: 0 !important;
  width: 0px !important;
}

.ps__rail-y:hover {
  width: 6px !important;
}

.ps__thumb-y {
  right: 0px !important;
}

.ivu-table {
  width: 100% !important;
}

.ivu-date-picker-cells-focused em {
  box-shadow: 0 0 0 1px #fff !important;
}

.hiddenbit {
  cursor: pointer;
  width: 20px;
  height: 25px;
  margin-left: -25px;
  z-index: 999;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0);
  text-align: center;
}

div.popContainer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}

.ivu-cascader-label {
  text-align: start;
}

/* 提示框的样式 */
.ivu-tooltip-inner {
  background-color: rgba(245, 245, 245, 0.8) !important;
  color: #000 !important;
}

/* 提示框的样式 */
.ivu-tooltip-popper[x-placement^="right"] .ivu-tooltip-arrow {
  border-right-color: rgba(245, 245, 245, 0.8) !important;
}

@media screen and (min-width: 1367px) {
  .qctable {
    .position-relative {
      height: 61vh;
      width: 99%;
    }
  }

  .table {
    margin-bottom: 0px;
  }
}

.el-select-dropdown__list {
  margin-left: 20px !important;
}

.userTitle {
  display: inline-block;
  font-size: 18px;
  margin-top: 10px;
  font-family: "微软雅黑";
  margin-left: 5px;
}

.templateTitle {
  display: inline-block;
  font-size: 18px;
  margin-top: 10px;
  font-family: "微软雅黑";
  margin-left: 5px;
}

.menmuStyle {
  .ivu-tree-title {
    width: 120px;
  }
}

// 轮播图的样式调整
// .owl-carousel.owl-loaded {
//   display: block;
//   width: 1388px;
//   margin-left: 60px;
// }
// .owl-item{
//  width:202px !important;
// }
::-webkit-scrollbar-thumb {
  background-color: #7eb8ee;
}

.carouseSty {
  span:nth-child(1) {
    display: block !important;
  }
}

// 首页的表单
.canvastyle1 {
  .table-responsive {
    display: block;
    width: 398px;
  }

  .table {
    width: 398px;
    table-layout: fixed;
    margin-bottom: 0px;
  }
}

// 点击箭头变大
.c-sidebar-nav-dropdown.c-show>.c-sidebar-nav-dropdown-toggle::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  height: 12px;
  background-size: 21px 14px;
  width: 16px;
  height: 16px;
  background-position-x: 0px;
  background-position-y: 1px;
  overflow: hidden;
  position: absolute;
  right: 16px;
}

.ivu-breadcrumb-item-separator {
  margin: 0px 5px !important;
  color: #2e384c !important;
}

.ivu-breadcrumb-item-link {
  cursor: pointer;
}


.ivu-breadcrumb-item-link:hover {
  color: #3399ff;
}



.ivu-spin-fix {
  background-color: rgba(255, 255, 255, .2) !important;
}


/* card 中header样式  统一使用一个样式 */
.header-wraper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;

  .header-left-titleWraper {
    display: flex;
  }

  .header-right-wraper {
    display: flex;
    align-items: center;
  }
}


.search-wrapper {
  background-color: $primary-color;
  display: flex;
  border-radius: 0.2rem;

  .form-control {
    border-radius: 0;
  }
}

.search-wrapper .form-group {
  margin-bottom: 0;
}


.textTitle {
  padding-top: 8px;
  margin-right: 10px;
  font-size: 18px;
  letter-spacing: 1px;
  font-family: "微软雅黑";
}

.input-search-style {
  width: 180px;
  margin-bottom: 0;
  border: 1px solid $primary-color;
}

.iconstylesearch {
  margin-top: 7px;
  margin-left: -25px;
  width: 20px;
  height: 20px;
}

.iconstyleoff {
  margin-top: 7px;
  margin-left: -25px;
  width: 20px;
  height: 20px;
}

.header-search {
  width: 80px;
  height: 35px;
  margin-left: -1px;
}

.header-main-btn {
  width: 80px;
  height: 35px;
  margin-left: 10px;
  // padding: 8px;
}

.header-main-btn:hover {
  background-color: $primary-hover-color;
}

.uploader-wraper {
  margin-left: 7px;
  display: flex;
  justify-content: center;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.ivu-modal-mask {
  display: contents !important;
}

